<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text=" '免费直播 - ' + ${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/common-hade-one"></div>
    <div class="pt10 cm-bg-20 pb10" style="background-color: #B8BAC0">
        <div class="freelecture-play__wrap mb20">
            <div class="container">
                <div class="freelecture-play mt20">
                    <article class="freelecture-play-box txtOf" id="live-play-box">
                        <aside class="c-banner-cover-video hide" style="margin-left: -110px;">
                            <a th:if="!${#maps.isEmpty(nowLive)}" th:attr="data-open=${nowLive['id']}" href="javascript:void(0)" data-open="0">
                                <button class="btn btn-lg btn-success btn-rounded" style="width: 220px;height: 60px;" type="button">
                                    <i class="fa fa-play mr10"></i>
                                    免费进入直播间
                                </button>
                            </a>
                            <a th:if="${#maps.isEmpty(nowLive)}" href="javascript:void(0)">
                                <button class="btn btn-lg btn-warning btn-rounded disabled" style="width: 220px;height: 60px;" type="button">
                                    <i class="fa fa-play mr10"></i>
                                    当前暂无直播
                                </button>
                            </a>
                        </aside>
                        <!--<video th:if="!${#maps.isEmpty(nowLive)}" style="width: 970px;" autoplay="" loop="" poster="${staticPath}/static/front/web/v3/img/default/freeCourse-video.jpg?20171205" playsinline="isiPhoneShowPlaysinline" webkit-playsinline="isiPhoneShowPlaysinline" x-webkit-airplay="" preload="none" data-role="txp_video_tag">
                            <source th:src="@{{path}/front/web/v3/img/default/freeCourse-video.mp4?v={v}(path=${staticPath},v=${v})}" type="video/mp4">
                        </video>-->
                        <section class="openLive-player-bg"></section>
                    </article>
                    <!--播放器位置 -->
                    <div class="ic-slide__wrap l-slide__wrap" id="open-live-list-box">
                        <div   data-wrap="false" data-interval="false" id="carousel2" class="carousel slide">
                            <div class="container lecture-content">
                                <div class="carousel-inner i-live-course-list-inner__wrap l-live-course-list-inner__wrap">
                                    <section class="i-live-cour-timer-line l-live-cour-timer-line"></section>
                                </div>
                            </div>
                            <a class="left carousel-control" href="#carousel2" data-slide="prev">
                                <span class="icon-prev"><i class="fa fa-chevron-left"></i></span>
                            </a>
                            <a class="right carousel-control" data-order="2" href="#carousel2" data-slide="next">
                                <span class="icon-next"><i class="fa fa-chevron-right"></i></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 下载客户端 -->
    <div id="sysItemLiveEle" class="hide">
        <div class="sysItemAddEle">
            <p class="fs18 c-222 mt20 pt10 text-center">为了更好的直播体验，请使用客户端。</p>
            <div class="text-center mt20 pt10">
                <button class="btn btn-info fs16 download">windows/mac下载</button>
            </div>
        </div>
    </div>
    <input type="hidden" id="openId" th:value="${openId}"/>
    <form class="hide" id="openForm">
        <input name="open.subjectId" id="subjectId"/>
        <input name="open.playStatus" id="playStatus" value="0"/>
        <input name="page.pageSize" value="8" />
    </form>
    <div data-th-replace="layout/footer"></div>
    <script>
        $(function() {
            //左右滚动初始化
            $('.carousel').carousel();
        });
    </script>
    <script src="//view.csslcloud.net/js/_fix_.js"></script>
    <script th:src="@{{path}/front/web/business/course/open/course-open.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>